//注册信息验证
$(function () {
    //匹配用户名
    var re1 = /^([a-z]|[A-Z])\w{5,15}$/;
    //匹配密码
    var re2 = /^\w{6,16}$/;
    //匹配邮箱
    var re3 = /^\d{5,12}@[qQ][qQ]\.(com|cn)$/;

    $('#name').change(function () {
        //test方法  正则.test('str')
        if(re1.test($(this).val())){
            $('.aa').css('display','inline-block');
            $('.aaa').css('display','none');
            $('#names').html('')
        }else{
            $('.aaa').css('display','inline-block');
            $('.aa').css('display','none');
            $('#names').html('请输入6-12位的用户名')
        }
    });
    $('#password').change(function () {
        if(re2.test($(this).val())){
            $('.bb').css('display','inline-block');
            $('.bbb').css('display','none');
            $('#passwords').html('')
        }else {
            $('.bbb').css('display','inline-block');
            $('.bb').css('display','none');
            $('#passwords').html('请输入6-12位的密码')
        }
    });
    $('#password-repeat').change(function () {
        if($('#password').val() == $('#password-repeat').val()){
            $('.cc').css('display','inline-block');
            $('.ccc').css('display','none');
            $('#passwordss').html('')
        }else{
            $('.ccc').css('display','inline-block');
            $('.cc').css('display','none');
            $('#passwordss').html('两次密码不一致')
        }
    })
    $('#email').change(function () {
        if(re3.test($(this).val())){
            $('.dd').css('display','inline-block');
            $('.ddd').css('display','none');
            $('#emails').html('')
        }else{
            $('.ddd').css('display','inline-block');
            $('.dd').css('display','none');
            $('#emails').html('邮箱格式不正确')
        }
    });
    $(document).change(function(){
        var name = $('.aa').css('display');
        var password = $('.bb').css('display');
        var passwords = $('.cc').css('display');
        var emails = $('.dd').css('display');
        if(name == "inline-block" && password == "inline-block" && passwords == "inline-block" && emails == "inline-block"){
            $("#btn").attr("disabled", false);
        }
    })
})